
/*
学习目标:JSX 中实现列表渲染
*/
import React from "react";
import ReactDOM from "react-dom";

const songs = ['温柔', '倔强', '私奔到月球']
// 通过三元运算符控制
const h1Node = (
    <div>
        <ul>
            {songs.map((item, index) => <li key={index}>{item}</li>)}
        </ul>
    </div>
)



// 渲染元素
// ReactDOM.render(创建的React元素,真实DOM作为挂载点)
ReactDOM.render(h1Node, document.getElementById('root'))